body {
  margin: 0;
}

.layout {
  height: 100vh;
  .header {
    background-color: #333;
    height: 90px;
    width: 100%;

    :global {
      .ant-menu {
        color: #fff;
        width: auto;
        height: 100%;
        font-size: 16px;
        background-color: transparent;

        > .ant-menu-item {
          height: 100%;
          line-height: 90px;
          padding-inline: 50px;
        }

        > .ant-menu-item-selected,
        .ant-menu-item-selected:hover {
          background-color: #cdcdcd;
          color: #00215a;
        }
      }
    }
  }

  .content {
    min-height: 80%;
  }

  .footer {
    background-color: #252525;
    height: 292px;
    width: 100%;

    .container {
      height: 212px;
      display: flex;
      justify-content: space-around;
    }

    .contact {
      color: #d7d8d9;

      * {
        margin-bottom: 20px;
      }

      .info {
        color: #9b9ea0;
      }
    }

    .qrCode {
      width: 80px;
      height: 80px;
      margin-top: 40px;
      text-align: center;
    }

    .copyright {
      display: flex;
      justify-content: center;
      color: #fff;
      padding-bottom: 6px;
      font-size: 14px;
      line-height: 24px;
      align-items: center;
      > * {
        margin-right: 20px;
      }
    }
  }
}
